.xxx {
    height: 100%;
    margin-top: 20px;
    // border: 1px solid black;
    .active {
        color: #0073b6;
        border-bottom: 4px solid #0073b6;
    }
    .product-topimg {
        height: px2rem(600px);
        background-color: #eeeeee;
        // .img{
        //        background-image: url('../../static//images//top/banner1.jpg');
        // }
        .image {
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }
    }
    .product-controbox {
        height: px2rem(120px);
        background-color: #eeeeee;
        border: 1px solid red;
        .controbox-item {
            height: 100%;
            width: px2rem(600px);
            margin: 0 auto;
            border: 1px solid black;
            display: flex;
            justify-content: space-around;
            font-size: 26px;
            box-sizing: border-box;
            padding-top: px2rem(30px);
            .controbox-item-left,
            .controbox-item-right {
                cursor: pointer;
                padding-top: px2rem(10px);
                box-sizing: border-box;
                &:hover {
                    color: #0073b6;
                }
            }
        }
    }
}
